<script setup>
import { ref } from 'vue'
import HmSon from './components/HmSon.vue'
// 父子组件传值
/*
父传子
 <son 属性名="值"  />
 const props=defineProps({
    属性名:{
      type,
      default,
      required,
      validator
    }
   })

   template: {{属性名}}
   js:props.属性名

子传父：子组件触发一个父组件方法
   <son @方法名='父组件方法' />
   子组件内：
   const emits=defineEmits(['方法名'])
   emits('方法名',实参)
*/
const money = ref(1000)
const appSetMoney = val => {
  money.value = val
}
</script>

<template>
  <div class="app-page">
    <h3>我是父组件</h3>
    <HmSon :money="money" @setMoney="appSetMoney"></HmSon>
  </div>
</template>

<style scoped></style>
